<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.min.css">
</head>

<body>
    <header>
        <!-- 头部固定下拉搜索框 -->
        <div class="fixedSel">
            <div class="fixedCen">
                <div class="cenimg">
                </div>
                <div class="inpSelect">
                    <p>
                        <input type="text" placeholder="输入你想搜索的内容" class="inpSelect1"><button
                            class="glyphicon glyphicon-search"></button>
                    </p>
                    <button class="shopcar">我的购物车</button>
                </div>
            </div>
        </div>
        <div class="headd">
            <!-- 导航栏 -->
            <div class="select">
                <div class="szuo fl">
                    <span class="
                glyphicon glyphicon-map-marker" style="color: red;"></span><span
                        style="color: gray; margin-left: 8px;">北京</span>
                </div>
                <ul class="syou fr">
                    <li class="user">
                        <!-- <span class="login">您好！请登录</span><span class="free">免费注册</span> -->
                    </li>
                    <li>我的订单<span class="shu">|</span></li>
                    <li class="l1"><span class="a1">我的京东<span class="glyphicon glyphicon-menu-down"></span></span><span
                            class="shu">|</span>
                        <div class="down li1"></div>
                    </li>
                    <li>京东会员<span class="shu">|</span></li>
                    <li class="l2"><span class="a1">企业采购<span class="glyphicon glyphicon-menu-down"></span></span><span
                            class="shu">|</span>
                        <div class="down li2"></div>
                    </li>
                    <li class="l3"><span class="a1">客户服务<span class="glyphicon glyphicon-menu-down"></span></span><span
                            class="shu">|</span>
                        <div class="down li3"></div>
                    </li>
                    <li class="l4"><span class="a1">网站导航<span class="glyphicon glyphicon-menu-down"></span></span><span
                            class="shu">|</span>
                        <div class="down li4"></div>
                    </li>
                    <li>手机京东</li>
                </ul>
            </div>
        </div>
        <!-- 搜索 -->
        <div class="input1">
            <div class="inputc">
                <div class="inpSelect">
                    <p>
                        <input type="text" placeholder="输入你想搜索的内容" class="inpSelect1" name="" id=""><button
                            class="glyphicon glyphicon-search"></button>
                    </p>
                    <button class="shopcar">我的购物车</button>
                    <div class="ercode"></div>
                </div>
            </div>
        </div>
    </header>
    <section>
        <!-- 轮播 -->
        <div class="loop">
            <div class="advertising">
                <div class="guangG">
                    <img src="//img12.360buyimg.com/img/jfs/t1/161489/27/18347/200666/607515ebE1d5a19db/4f929f974d4a9b59.png"
                        alt="">
                </div>
                <div class="tuizhan">
                    <img src="//img10.360buyimg.com/img/jfs/t1/175414/30/3740/109992/60751608E03857a0d/907ea2574bbd8a85.jpg"
                        alt="">
                </div>
            </div>
            <div class="loopl">
                <ul class="listz">
                    <li class="food">食品酒水</li>
                    <li class="child">童装玩具</li>
                    <li class="home">家装建材</li>
                    <li class="baby">奶粉尿裤</li>
                    <li class="other">其他</li>
                </ul>
            </div>
            <div class="loopc">
                <div class="loopcl">
                </div>
                <span class="loopz" name="zz">&lt;</span>
                <span class="loopy" name="yy">&gt;</span>
                <ul>
                </ul>
            </div>
            <div class="loopr">
                <div class="activeSmall">
                    <img src="http://img12.360buyimg.com/babel/s380x300_jfs/t1/152314/13/19839/57522/603e118dE941f0ce9/fdff58457adbef3e.jpg.webp"
                        alt="">
                    <img src="http://img10.360buyimg.com/babel/s380x300_jfs/t1/154200/38/20463/77072/6042064fE244cd17e/fbdead9b5857c2f6.jpg.webp"
                        alt="">
                    <img src="http://img11.360buyimg.com/babel/s380x300_jfs/t1/155428/9/20923/51265/603ef7fbE883d7dfe/39cbadd1228bef9a.jpg.webp"
                        alt="">
                </div>
                <div>
                    <img src="//img11.360buyimg.com/babel/s380x300_jfs/t1/156028/6/14343/123273/6046cc9bE6b87dbf2/6f0249075d80574b.jpg.webp"
                        alt="">
                    <img src="//img11.360buyimg.com/babel/s380x300_jfs/t1/169052/28/8829/81657/603efd09Eefb13189/d88477fbf0c948c2.jpg.webp"
                        alt="">
                    <img src="//img14.360buyimg.com/babel/s380x300_jfs/t1/168591/2/9328/64891/603ddb1aE93567699/3e4e717eeac051b2.jpg.webp"
                        alt="">
                </div>
                <div>
                    <img src="//img30.360buyimg.com/babel/s380x300_jfs/t1/165019/40/8639/60165/603d92e5E1d9852b8/2006d88391f60fe8.jpg.webp"
                        alt="">
                    <img src="//img30.360buyimg.com/babel/s380x300_jfs/t1/152531/9/7821/46751/5fc49c6bEb18993f9/88e5d647e459127e.jpg.webp"
                        alt="">
                    <img src="//img20.360buyimg.com/babel/s380x300_jfs/t1/163867/17/8508/54264/603db1a0E81bd0177/a320a85745a9c912.jpg.webp"
                        alt="">
                </div>
                <span class="smallz">&lt;</span>
                <span class="smally">&gt;</span>
            </div>
            <div class="loopEnd">
                <div class="loopuser">
                    <img src=""
                        alt="">
                    <div class="looptext fr">
                        <a href="./login.html">Hi~ 欢迎逛京东</a><br>
                        <a href="./login.html">登录</a><a href="./redister.html">注册</a>
                    </div>
                    <button>新人福利</button>
                    <button>PLUS会员</button>
                </div>
                <div class="texts">
                    <p><span class="fl">京东快报</span><a
                            href="https://kuaibao.jd.com/?ids=247469505,247601860,239213036,246420325"
                            class="fr">更多&gt;</a></p>
                </div>
                <ul class="loopconts">
                    <li>
                        <a href="https://kuaibao.jd.com/article?id=247469505"><span>推荐</span><span>多亏有了vivo
                                S9手机，才能在夜晚拍出清晰照片</span></a>
                    </li>
                    <li>
                        <a
                            href="https://kuaibao.jd.com/article?id=247601860"><span>热门</span><span>想洗个美美的热水澡怎么就这么难？怕是热水器没选对！</span></a>
                    </li>
                    <li>
                        <a
                            href="https://kuaibao.jd.com/article?id=246420325"><span>推荐</span><span>美的零电洗电热水器，洗澡更安全</span></a>
                    </li>
                    <li>
                        <a
                            href="https://kuaibao.jd.com/article?id=246953128"><span>热门</span><span>从来没见过味道这么高级的漱口水，真的太绝了</span></a>
                    </li>
                </ul>
                <!-- 选项卡 -->
                <img class="servers" src="../image/]1M_}4KEFSCZL80`SZX30IG.png" alt="">
                <div class="selects">
                    <ul class="seltitle">
                        <li class="seleactive" name="phoneFee">话费</li>
                        <li name="airphone">机票</li>
                        <li name="hotel">酒店</li>
                    </ul>
                    <ol class="selcontents">
                        <li>
                            <ul class="recharge">
                                <li name="one">话费充值</li>
                                <li name="two">流量充值</li>
                            </ul>
                            <ul class="rechargeCont">
                                <li>
                                    <p>号码：<input type="text" class="huafei" value="请输入手机号"></p>
                                    <p>面值：<select class="sel1">
                                            <option value="">100</option>
                                            <option value="">50</option>
                                            <option value="">30</option>
                                            <option value="">10</option>
                                        </select>
                                    </p>
                                    <span class="money">￥98.0-￥100</span><br>
                                    <button class="Cchong">快速充值</button>
                                    <button class="reClose">X</button>
                                </li>
                                <li>
                                    <p>号码：<input type="text" class="huafei" value="请输入手机号"></p>
                                    <p>流量：<select class="sel2">
                                            <option value="">全国</option>
                                            <option value="">省内</option>
                                        </select>
                                        <select class="sel3">
                                            <option value="">50M</option>
                                            <option value="">100M</option>
                                            <option value="">300M</option>
                                            <option value="">400M</option>
                                            <option value="">500M</option>
                                        </select>
                                    </p>
                                    <span class="money">￥7.5-￥10.0</span><br>
                                    <button class="Cchong">快速充值</button>
                                    <a
                                        href="https://mall.jd.com/index-630378.html?jd_pop=56ff425b-8229-4d56-a6ea-2166db181235&utm_source=liuliang.jd.com&utm_medium=zssc&utm_campaign=t_0_&utm_term=56ff425b-8229-4d56-a6ea-2166db181235-p_101922">App
                                        Store充值卡</a>
                                    <button class="reClose">X</button>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="recharge">
                                <li name="one">国际机票</li>
                                <li name="two">国际/港澳台</li>
                                <li name="three">特惠</li>
                            </ul>
                            <div class="positions">
                                <ul class="rechargeCont2">
                                    <li>
                                        <p><input name="way" type="radio" checked>单程 <input name="way" type="radio">往返
                                        </p>
                                        <p class="sel22">出发: <input type="text"></p>
                                        <p class="sel22">到达: <input type="text"></p>
                                        <p class="sel23">日期: <input type="text"></p>
                                        <button class="Cchong">机票查询</button>
                                        <a
                                            href="https://jipiao.jd.com/?jd_pop=cd8b1a47-1641-4592-81dd-f02001c51530&utm_source=www.jd.com&utm_medium=zssc&utm_campaign=t_0_&utm_term=cd8b1a47-1641-4592-81dd-f02001c51530-p_108221">当季热门优惠机票</a>
                                        <button class="reClose">X</button>
                                    </li>
                                    <li>
                                        <p><input name='way1' type="radio" checked>单程 <input name='way1' type="radio">往返
                                        </p>
                                        <p class="sel22">出发: <input type="text"></p>
                                        <p class="sel22">到达: <input type="text"></p>
                                        <p class="sel23">日期: <input type="text"></p>
                                        <button class="Cchong">机票查询</button>
                                        <a href="https://ijipiao.jd.com/index.action">国际机票任意搜</a>
                                        <button class="reClose">X</button>
                                    </li>
                                    <li>
                                        <img src="//img13.360buyimg.com/da/jfs/t1/163897/14/17957/20436/6073c067Edaeb25aa/9e5d893482fc34fe.jpg"
                                            alt="">
                                        <img src="//img12.360buyimg.com/da/jfs/t1/158405/5/18560/21165/6073f0a7E57fb9760/62f5a9b19ec3e331.jpg"
                                            alt="">
                                        <button class="reClose">X</button>
                                    </li>
                                </ul>
                            </div>

                        </li>
                        <li>
                            <ul class="recharge">
                                <li name="one">国内/港澳台</li>
                                <li name="two">促销活动</li>
                            </ul>
                            <div class="positions">
                                <ul class="rechargeCont3">
                                    <li>
                                        <p><input type="radio" name="way2" checked>单程 <input type="radio" name="way2">往返
                                        </p>
                                        <p class="sel22">目的地址: <input type="text"></p>
                                        <p class="sel22">入住日期: <input type="text"></p>
                                        <p class="sel23">离开日期: <input type="text"></p>
                                        <button class="Cchong">酒店查询</button>
                                        <a
                                            href="https://hotel.jd.com/?jd_pop=bd74514c-b073-4e4c-96d6-0f345bb83866&utm_source=www.jd.com&utm_medium=zssc&utm_campaign=t_0_&utm_term=bd74514c-b073-4e4c-96d6-0f345bb83866-p_112741">订酒店上京东</a>
                                        <button class="reClose">X</button>
                                    </li>
                                    <li>
                                        <img src="//img20.360buyimg.com/da/jfs/t1/157893/40/16465/19845/60645c44Ea2d1b9b9/baab4605eed614dc.jpg"
                                            alt="">
                                        <img src="//img20.360buyimg.com/da/jfs/t1/149994/3/17563/15777/5fd08db0Ea2df8187/542b1a78247311ca.jpg"
                                            alt="">
                                        <button class="reClose">X</button>
                                    </li>
                                </ul>
                            </div>

                        </li>
                    </ol>
                </div>
            </div>
        </div>

        <!-- 秒杀专区 -->
        <div class="contentAll">
            <div class="con1">
                <!-- 倒计时 -->
                <div class="date">
                    <img src="../image/90sheji_linggan_13407358.png" alt="" title="距离6.18时间">
                    <p class="timeTitle">距6.18还有</p>
                    <span>:</span><span>:</span>
                    <span></span>
                    <ul>
                    </ul>
                </div>
                <img src="../image/r1.jpeg" alt="">
            </div>
            <!-- 右侧楼层导航 -->
            <nav class="floorNav">
                <li class="ll1"><a name="sha" href="javascript:;">京东秒杀</a></li>
                <li class="ll2"><a name="youxuan" href="javascript:;">特色优选</a></li>
                <li class="ll3"><a name="guangchang" href="javascript:;">频道广场</a></li>
                <li class="ll4"><a name="tuijian" href="javascript:;">为你推荐</a></li>
                <li class="ll5"><a name="kefu" href="javascript:;">客服</a></li>
                <li class="ll6"><a name="ding" href="javascript:;">返回顶部</a></li>
            </nav>
        </div>

        <!-- 特色优选 -->
        <div class="specialSelBack">
            <div class="spcialtitle">
                <h3 class="spcialtitle1">特色优选</h3>
            </div>
            <div class="spcialSelCen1">
                <img src="../image/z1.png" alt="">
                <img src="../image/z2.png" alt="">
                <img src="../image/z3.png" alt="">
            </div>
        </div>

        <!-- 频道广场 -->
        <div class="channels">
            <div class="spcialtitle">
                <h3 class="spcialtitle1">频道广场</h3>
            </div>
            <div class="chennel1">
                <img src="../image/p1.png" alt="">
                <img src="../image/p2.png" alt="">
                <img src="../image/p3.png" alt="">
            </div>
        </div>

        <!-- 推荐 -->
        <div class="recommends">
            <div class="spcialtitle">
                <h3 class="spcialtitle1">为你推荐</h3>
            </div>
            <nav class="navs">
                <li index="1">家居生活</li>
                <li index="2">手工DIY</li>
                <li index="3">时尚搭配</li>
                <li index="4">美妆造型</li>
                <li index="5">食品酒水</li>
                <li index="6">童装玩具</li>
                <li index="7">家装建材</li>
                <li index="8">奶粉尿裤</li>
                <li index="9">其他</li>
            </nav>
            <div class="recommend1">
                <ul></ul>
                <ul></ul>
                <ul></ul>
                <ul></ul>
            </div>
        </div>
    </section>
    <footer></footer>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/tools.js"></script>
    <script src="../js/loop.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>